/* components/event-popup/event-popup.wxss */
.event-popup-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100000;

  .event-popup-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
  }

  .event-popup-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 48rpx;
    padding: 40rpx;
    background: rgba(0, 0, 0, 0);

    .event-btns {
      display: flex;
      flex-direction: column;
      row-gap: 40rpx;

      button {
        width: 100%;
        padding: 24rpx 0;
        font-weight: 500;
        font-size: 32rpx;
        line-height: 48rpx;
      }

      .merger-btns {
        background: rgba(248, 248, 248, 0.82);
        border-radius: 20rpx;

        // border: 2rpx solid rgba(0, 0, 0, 0.05);
        button {
          background-color: unset;
          // border-radius: 20rpx;
        }

        :last-child {
          // border-top: 2rpx solid rgba(0,0,0,0.05);
        }
      }

      .default-btn {
        color: #313131;
        background: rgba(248, 248, 248, 0.82);
      }

      .danger-btn {
        color: #FA5151;
        background: rgba(248, 248, 248, 0.82);
      }

      .cancel-btn {
        color: #10AEFF;
        border-radius: 20rpx;
      }
    }
  }
}